<template>
  <div class="home">
    <el-container>
      <!-- 顶部菜单 -->
      <el-header style="backcolor:red">
        <el-row :gutter="20">
          <el-col :span="4"><img class="zfz" src="../assets/zfz.png" alt=""></el-col>
          <el-col :span="16"><h2 class="systemname" style="text-align: center; margin: 0px; color: #e6a23c">健康档案管理系统</h2></el-col>
          <el-col :span="4"><div><el-button type="primary" icon="el-icon-arrow-left">退出</el-button></div></el-col>
        </el-row>
      </el-header>
      <el-container>
        <!-- 左侧菜单 -->
        <el-aside width="200px">左侧菜单</el-aside>
        <!-- 操作界面 -->
        <el-main>操作界面</el-main>
      </el-container>
    </el-container>
  </div>
</template>

<script>
// @ is an alias to /src
import {} from "vue";

export default {
  name: "Home",
  setup() {
    return {};
  },
};
</script>

<style lang="scss" scoped>
.zfz{
  width: 65px;
}

</style>
